import MessageHeader from "./MessageRender/header";
import MessageBody from "./MessageRender/body";
import {} from "react";
import { useLoaderData } from "react-router";

const MessageDetail = () => {
  const { detail, type } = useLoaderData();
  return (
    <div className="h-full w-full flex flex-col bg-white">
      <MessageHeader detail={detail} type={type}></MessageHeader>
      <MessageBody type={type}></MessageBody>
    </div>
  );
};

export default MessageDetail;
